<template>
<div>
     <el-row :gutter='20'>
        <el-col :span='7'>
            <me-link></me-link>
            <me-notice></me-notice>
        </el-col>
        <el-col :span='17' class='main-cont'>
            <me-title :title='title'></me-title>
            <br>
            <div class='box-data-info'>
                <div class='title'>
                    <div class='name'>连击系统</div>
                    <div class='date'>2018-07-28</div>
                </div>
                <div class='article'>
                    <div class='title'>连击=多人合作</div>
                    <p>在战斗中，玩家只要抓准时间，由多数玩家轮流施展武器、招式技能，就有可能发动「连携技」</p>
                    <div class='box-img'>
                        <img src='/static/image/data/lianji-01.png'>
                    </div>
                    <p>连携技会带来比一般武器、招式技能更大的伤害力，还有额外伤害，但要成功发动各种连携技的组合方式以及施展的时间差就必须牢记在心理，在战斗中多多练习。通常连携技的时间，是在第一位发动武器、招式技能后直到该招式攻击结束前，由第二位玩家发动武器、招式技能，一但成功画面上会有不一样的效果发生，两次的武器、招式技能效果会变成三次，甚至可以一直接下去到三连携、四连携都是有可能的。连携技发动的先决条件，必须要为同一队伍的人对同一只怪物在一定的条件下发出可以连携的招式，如此就能成功的产生连携技。</p>
                    <div class='box-img'>
                        <img src='/static/image/data/lianji-02.png'>
                    </div>
                </div>
            </div>
        </el-col>
    </el-row>
</div>
</template>

<script type="text/javascript">
import Link from '@/components/utils/Link'
import Notice from '@/components/utils/Notice'
import Title from '@/components/utils/Title'
import ScrollReveal from 'scrollreveal'
export default {
    components : {
        'me-link' : Link,
        'me-notice' : Notice,
        'me-title' : Title
    },
    data : function(){
        return {
            'title' : {
                'name' : '游戏资料',
                'sub' : 'GAME DATA',
                'posi' : '位置 > 游戏资料 > ',
                'now' : '连击系统',
                'icon' : '/static/image/data/icon-title.png'
            }
        }
    },
    mounted : function(){
        var sr = ScrollReveal({
            'origin' : 'bottom',
            'distance' : '20px',
            'duration' : 500,
            'delay' : 400
        })

        sr.reveal('.main-cont')
    }
}
</script>